Ext.define('extjs6test.view.main.TopToolbar', {
    extend: 'Ext.toolbar.Toolbar',
    alias: 'widget.maintop',
    defaults:{
        border:false,
        style: {
            "background-color": "#fff"
        }
    },
    style: {
        "margin": 0,
        "padding": 0
    },
    items:[
        {
            xtype: 'button',
            iconCls: 'x-fa fa-th-list',
            enableToggle: true,
            toggleHandler: 'onClickMaxButton'
        },
        '->',
        {
            xtype: 'button',
            iconCls: 'x-fa fa-search',
            handler: 'onClickQueryButton'
        },
        {
            xtype:'textfield',
            reference:'queryField',
            hidden:true,
            listeners:{
                blur:'onQueryFieldBlur'
            }
        },
        {
            xtype: 'button',
            iconCls: 'x-fa fa-envelope',
            handler: 'onClickEmailButton'
        },
        {
            xtype: 'button',
            iconCls: 'x-fa fa-bell',
            handler: 'onClickBellButton'
        },
        {
            xtype: 'button',
            iconCls: 'x-fa fa-th-large',
            handler: 'onClickWindowButton'
        },
        {
            xtype:'userimage'
        }
    ]
});